<div id="passwordRecoveryFormArea">
    <form dojoType="dijit.form.Form"
          id="passwordRecoveryForm"
          name="passwordRecoveryForm"
          method="post"
          action="javascript:submitPasswordRecoveryForm();">
        <table border="0" style="border:0px solid #000000;width:100%;font-family:Verdana;font-size:12px;">
            <thead>
                <tr>
                    <th colspan="2" style="text-align:left;font-family:Arial;font-size:16px;padding-bottom:10px;">Forgot Your Password?</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="2" style="text-align:left;font-family:Verdana;font-size:12px;padding-top:10px;border-top:1px solid #CCCCCC;">
                        To recover your password, enter your login email below and click<br />"Send Password".
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="font-family:Verdana;font-size:12px;text-align:center;height:30px;">
                        <div id="passwordRecoveryFormStatusMessage"></div>
                    </td>
                </tr>
                <tr>
                    <td style="width:150px;text-align:right;font-family:Verdana;font-size:12px;font-weight:bold;padding-top:5px;">
                        Email:
                    </td>
                    <td style="text-align:left;padding-top:5px;">
                        <input style="width:200px;"
                               type="text"
                               name="recoveryEmail"
                               id="recoveryEmail"
                               value=""
                               dojoType="dijit.form.ValidationTextBox"
                               trim="true"
                               regExp="[\a-zA-Z0-9\-\.\_\#]+[\@][a-zA-Z0-9\-\.\_\#]+[\.][a-zA-Z0-9\-\.\_\#]+"
                               lowercase="true"
                               required="true" />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align:left;padding-top:10px;">
                        <button dojoType=dijit.form.Button
                                type="reset"
                                name="resetPasswordRecoveryForm"
                                id="resetPasswordRecoveryForm"
                                iconClass="emptyIcon"
                                onclick="clearPasswordRecoveryForm();">
                            Clear
                        </button>
                        <button dojoType=dijit.form.Button
                                type="button"
                                name="submitPasswordRecoveryForm"
                                id="submitPasswordRecoveryForm"
                                iconClass="emptyIcon"
                                onclick="submitPasswordRecoveryForm();">
                            Send Password
                        </button>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align:left;font-family:Verdana;font-size:12px;padding-top:20px;">
                        If you are still having problems accessing your account, please contact us at (877) 304-2727.
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<div id="passwordRecoveryConfirmationArea" style="display:none;">
    <table style="border:0px solid #000000;width:100%;font-family:Verdana;font-size:12px;">
        <thead>
            <tr>
                <th style="text-align:left;font-family:Arial;font-size:16px;padding-bottom:10px;">Forgot Your Password?</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="text-align:left;font-family:Verdana;font-size:12px;padding-top:10px;border-top:1px solid #CCCCCC;">
                    An email with your password has been sent to the following email account: <span id="recoveryEmailConfirmationArea" style="font-weight:bold;"></span>
                    <br /><br />Please check your email account to retrieve your password.
                </td>
            </tr>
            <tr>
                <td style="text-align:center;padding-top:30px;">
                    <button dojoType=dijit.form.Button
                            type="button"
                            name="closePasswordRecoveryForm"
                            id="closePasswordRecoveryForm"
                            iconClass="emptyIcon"
                            onclick="closeRecoveryPasswordDialog();">
                        Close
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
</div>